// Copyright (C) 2018 Nokia
@import "../../../../styles/colors";

:host {
  z-index: 40;
}

.execution-header {
  display: flex;
  flex-flow: row nowrap;

  & > div.header-item {
    padding: .75rem;

    &.pointer {
      color: rgba(0, 0, 0, .7);
      transition: background .45s;
      &:hover {
        color: rgba(0, 0, 0, .9);
        background: rgba(158, 158, 158, 0.2);
      }
    }

    &.active {
      background: rgba(158, 158, 158, 0.2);
    }

    &:not(:last-of-type) {
      border-right: 1px solid #e0e0e0;
    }

    &.disabled {
      opacity: .3;
      cursor: not-allowed;
    }
  }

  .execution-header-icon {
    width: 100px;
    text-align: center;
  }

  .execution-header-content {
    flex: 1 1 auto;

    .extra > *:not(:last-child) {
      border-right: 1px solid $text-muted2;
      padding-right: .5rem;
    }
  }

}